@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}
.menu_sub .list-unstyled dl dd a{color:#003f7e}
img{border:0px; padding:0px; }

a{ color:#5c5c5c; text-decoration:none}

  .wrapper{font-size: 0.85rem; color: #333; padding-top: 0.75rem; margin: 0 0.75rem; white-space: nowrap; overflow: hidden;width: 100%;}
    .inner{ width:1000px;overflow:hidden;}
    .inner p{ display:inline-block;color:#fff}
    
    .colse{position:absolute; right:20px; color:#000; top:4px; height:24px; border-radius:48%; font-size:22px; border:1px #000 solid; display:none}
.logo_pc img{width:330px; height:auto}
.gundong p{text-align:center; line-height:30px!important; color:#fff!important; font-size:16px; background:#0081cc}
.gundong p a{color:#003f7e!important}
.gundong p a span{color:#003f7e!important}
.top{ width: 100%; top: 0; left: 0; z-index: 9999; background:#fff; border-bottom:1px solid #d4d4d4;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)}
.container1{ padding-top:20px;}
.top .topBox{ width: 1600px; margin: 0 auto;}
 .nav_mbx{ background:#f5f5f5;  margin-bottom:10px}    
.top_height{  position:relative}
.clear{ clear:both}

.w1600{width:1600px; margin: 0 auto;}

.top .topBox .UpLink{float:right;margin-top:15px}

.top .topBox .UpLink ul{ }

.top .topBox .UpLink ul li{ margin-left: 15px; float: right; line-height: 55px; height: 55px; color: #003f7e;font-weight:600; font-size:16px}

.top .topBox .UpLink ul li a{ color: #003f7e;}

.top .topBox .UpLink ul li .lang p{ width: calc(100% - 22px); float: left; line-height: 18px; color: #003f7e; font-weight:600}

.top .topBox .nr{ width: 100%;padding-top:15px; padding-bottom:0px}

.top .nav a.enter, .top .nav a.enter:visited{color: #003f7e !important;}

.UpLink a:link,.UpLink a:visited{color: #003f7e}

.footer a:link, .footer a:visited{color: #fff !important;}

.top .topBox .nr .logo_pc{ float: left; width:20%}

.top .topBox .nr .logo_pc svg{ display: inline-block; vertical-align: middle;width:100%}

.top .topBox .nr .serach1{ background: #fff; float: right; position: relative; box-sizing: border-box; height: 42px; border-radius:4px; margin-top:17px}

.top .topBox .nr .serach1 .showsearch{ width: 40px; height: 42px; float:right; background: url(/newweb/images/search.png) center center no-repeat; border: none;background-size: 32px 32px;}
.top .topBox .nr .serach1 button.ms{ width: 50px; height: 40px;  float:right; background: url(/newweb/images/search.png) center center no-repeat; border: none;background-size: 32px 32px;}
.top .topBox .nr .serach1 input{ line-height:40px; height:40px; display: block;  text-indent: 15px;width:100%; font-size:14px; }



.searchbody{ border:#004b8d solid 1px; height:40px;width:260px;transition: width 0.5s ease; border-radius:20px;}
.searchbody .inputs{float:left;width:calc(100% - 50px); height:30px}
.searchbody input::placeholder {
 
}
.showon{ width:260px; display:block;transition: width 1.5s ease;}
.close1{float:right; height:40px; line-height:38px; color:#fff; font-size:42px; background:#003564; width:40px;;text-align:center}


.top .topBox .nr .nav{ float: left;  margin-top:0px;width: calc(78% - 360px); }

.top .topBox .nr .nav ul{ margin:0 auto;display:table}
.top .topBox .nr .nav ul li{ float: left;  }

.top .topBox .nr .nav ul li .enter{ padding:0px 15px 8px 15px; display: block; position: relative; height: 100%; text-align: center; line-height: 75px; font-weight: bold; color: #fff; font-size: 24px; border-bottom: solid 2px #fff;}

.top .topBox .nr .nav ul li .enter:after{ border-bottom: solid 2px #003f7e;}
.top .topBox .nr .nav ul li:hover a.enter{ border-bottom: solid 2px #003f7e;}
.top .topBox .nr .nav ul li:hover a{ right: auto; left: 0; width: 100%;}

.top .topBox .nr .nav ul li .nrBox{ display: none; width: 100%; position: absolute; height: auto; left: 0; top: 100px; background: #fff; z-index: 99999;border-bottom:solid 1px #d4d4d4; padding-bottom:20px;border-top:solid 1px #d4d4d4;}

.top .topBox .nr .nav ul li .nrBox .main{ overflow: hidden; width: 1600px; margin: 0 auto; }

.top .topBox .nr .nav ul li .nrBox .main .mainBox{ float: left;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox h2{ line-height: 40px; font-size: 16px; font-weight: bold; color: #333;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox dl dd{line-height: 14px; font-size: 14px;color: #666;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox dl dd a{ color: #666; font-size: 14px;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox .icon{ width: 100%; margin-top: 20px;}

.top .topBox .nr .nav ul li .nrBox .main .mainBox .icon img{ display: block; width: 100%; height: auto; }

#products .main div{ float:left; width:25%;padding-right:4%; color:#003f7e}
#products .main div a{color:#898989}
.nrBox a:hover{color:#003f7e}
.solu dl dd a:hover h3{color:#003f7e}
#solu3 .solu dl dd a:hover h3{color:#003f7e}
#products .main div a:hover{color:#003f7e}
#products .main div {padding-top:30px;}
#products .main div h3{ line-height:50px;font-weight:600; }
#products .main div dl dd{line-height:35px;font-size:20px}
#solu1 .solu{}
#solu1 .solu dl{ padding-top:10px;width:45%;float:left}
#solu1 .solu dl dd{width:20%; float:left; margin-left:2.5%; margin-right:2.5%}
#solu1 .solu dl dd .pic img{width:100%; height:auto}
#solu1 .solu dl dd h3{float:none; text-align:center;font-size:16px; line-height:35px; }

#solu2{top:63px;width:180px;left:-40px;}
#solu2 .solu dl{ padding-top:10px;}
#solu2 .solu dl dd h3{float:none; text-align:center;font-size:20px; line-height:35px; color:#003f7e;}

#solu3{ padding-top:35px}
#solu3 .solwid .solu{width:20%; float:left}
#solu3 .aboutw .solu{width:16.66%; float:left}
#solu3 .solu h2{ font-size:16px; color:#003f7e; line-height:25px; font-weight:600}
#solu3 .solu dl{ padding-top:10px;}
#solu3 .solu dl dd{ text-align:left}
.solwid,.aboutw{width:85%; margin:0 auto}
#solu3 .solu dl dd h3{float:none; text-align:left;font-size:14px; line-height:35px; color:#898989;}

      #products .main div h3{font-size:16px;color:#003f7e}
      #products .main div dl dd{font-size:14px;}
      #solu2 .solu dl dd h3{ font-size:14px;}
      #solu1 .solu dl dd h3{font-size:14px;}
      #solu3 .solu dl dd h3{font-size:14px}

.about .mainBox{ width:23%; height:415px; padding-left:2%}

.about .mainBox h2{text-align:left}

.about{ padding-left:10%; padding-right:10%; padding-top:25px;padding-bottom:25px;}

.about dd a{ width:100%; line-height:50px; height:50px;display:block; text-align:left}
.about dl dd{ text-align:left}

#prodds{ float:left;width:55%;} 

#prodds .ts_product{float:left; width:33.33%; text-align:center;border-right:1px solid #d4d4d4; height:400px}

#prodds .ts_icon{float:left; width:33.33%; text-align:center;border-right:1px solid #d4d4d4; height:400px}

#prodds .ms_product h3{ font-size:24px; line-height:50px;font-weight:600;}

#prodds .ms_product{float:left; text-align:center;width:33.33%;border-right:1px solid #d4d4d4;  height:400px}

#prodds .ts_product h3{ font-size:24px; line-height:50px;font-weight:600}

#prodds .ts_icon h3{ font-size:24px; line-height:50px;font-weight:600}
#prodds .ts_icon img{margin:0 auto; max-width:100%}

#prodds .ts_product dl dd{ text-align:left; line-height:40px; padding-left:30px;padding-right:30px;}





#prodds .ms_product img{display:block; width:80%;height:auto;text-align:center;margin:0 auto}

#prodds .ms_product p{ line-height:35px; padding-top:10px;}


#mainBox2{ width:22.5%; height:400px}
#mainBox1{width:18%;}
.cate2{ width:82%;overflow-y: auto; background:#e1e1e1; }
.cate3list{width:19%; float:left; margin-left:0.8%; margin-top:15px}
.cate3list a h3{ line-height:50px; text-align:center; background:#c4c4c4;font-size:16px; color:#656565; font-weight:600}
.cate3list dl{ padding-left:5px; padding-right:5px;  background:#c4c4c4; margin-bottom:5px; border:1px solid #c4c4c4; }
.cate3list dl dd{ text-align:center; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom:5px}
.cate3list dl dd .dgisg{ position:relative;}
.cate3list dl dd .img{ overflow:hidden;}
.cate3list dl dd .img img{ width:100%; height:auto;  }
.cate3list dl dd h4{ position:absolute; width:100%; height:35px; line-height: 35px; background:#003f7d;color:#fff;  font-size:14px; opacity: 0.6; bottom:0px; left:0px}
.cate3list dl dd:hover h4{ opacity: 0.8;}

.wendu{width:99%; margin-left:0.8%}
.width2 dl dd{float:left;width:49.2%;}
.wendu dl dd{float:left;width:19.3%;margin-right:0.5%}
#prod_nav1 .cate3list{width:19.8%}
#prod_nav1 .width2{width:39.6%}
.myksg{ height：36px; line-height:36px}

.sub_nav ul li a h3{ text-align:center; background:#c4c4c4; line-height:50px; }
#sub_nav2{ width:22.5%; height:415px;overflow-y: auto;}
.main .prod{ width:55%}

.main #industres ul li{ text-align:center; line-height:30px; width:40%; padding:5%; text-align:center}

.main #industres ul li p{line-height:25px; padding-top:15px;}

.main #industres ul li p a{ text-align:center; line-height:25px; font-size:14px;}

.main #industres ul li img{ text-align:center; width:100%; height:auto}

.main #industres ul{ padding:30px;}

#dogd{ margin-top:15px}
#dogd dd{ padding-left:25px; padding-right:25px; text-align:center;  background:#646464; margin-bottom:15px; color:#fff; margin-right:20px}
#dogd dd a{ font-size:16px}
#dogd dd:hover{ background:#003f7d}
#dogd2 dd,#sub_nav2 dd{ padding-left:25px; padding-right:25px; background:#646464; margin-bottom:15px;}


#dogd dd a,#dogd2 dd a{ width:100%; line-height:45px; height:45px;display:block; color:#fff; font-weight:600} 

#sub_nav2 dd a{ width:100%; line-height:45px; height:45px;display:block;overflow:hidden}

#sub_nav2 dl dd:hover{background:#f2f2f2}
    

.footer{ width: 100%; background: #242424;}

.footer .footerBox{ padding: 60px; overflow: hidden;}

.footer .footerBox ul{ float: left; width:20%}

.footer .footerBox .bt{ height: 68px; line-height: 68px; border-bottom: 1px solid #4d4d4d; font-size: 20px; color: #fff; font-weight: bold; width: 150px;}

.footer .footerBox ul li{ color: #fff; font-size: 16px; margin-top: 20px;}

.footer .footerBox ul li a{ font-size: 16px; color: #fff;}

.footer .wls{text-align:center;  clear:both;  padding-top:10px;}

.footer .wls a{ padding:0px 15px 0px 15px}

.navGation{ height: 60px;}

.navGation ul{ overflow: hidden;}

.navGation ul li{ float: left; line-height: 60px; color: #333; font-size: 20px;}

.navGation ul li a{ color: #333;}

.copyRight{ width: 100%; height: 80px; background: #003f7e;}

.copyRight .copyRightBox{ position: relative; height: 100%; line-height: 40px; text-align: center; font-size: 16px; color: #fff;}

.copyRight .copyRightBox img.logo{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.copyRight .copyRightBox ul{position: absolute; right: 0; overflow: hidden; top: 0;}

.copyRight .copyRightBox ul li{ float: left; margin-left: 30px; line-height: 80px;}

.copyRight .copyRightBox ul li img{ display: inline-block; vertical-align: middle;}

.AppTop{ display: none;}

.sideBar{ display: none;}
.foo1-fenx{ position:absolute; right:0px; top:0px;}



.UpLink ul li.langge a{ border:red 1px solid}

.UpLink ul li .header-lan-div{position: absolute;left: 0;right: 0;top: 23px;border: 1px solid #ccc;border-top: 0; z-index:9999; display:none}

.UpLink ul li.langge a:hover .header-lan-div{display:block;}

.UpLink ul li .header-lan{margin-top:2px;width: 80px;position: relative;background-repeat: no-repeat;background-position: 90% center; margin-top:7px;}

.UpLink ul li .header-lan span{display: block;width: 100%;height: 35px;line-height: 21px;font-size: 14px;line-height: 35px;color: #003f7e;cursor: pointer;background-repeat: no-repeat;background-position: 8px center;padding-left: 35px; }

.UpLink ul li .header-lan .header-lan-div{position: absolute;left: 0;right: 0;top: 36px;border:1px solid #ccc;border-top: 0;display: none; z-index:99999;  padding-left:5px; background-color:#fff;}

.UpLink ul li .header-lan .header-lan-div a{display: block;line-height: 28px;height: 28px;background-repeat: no-repeat;background-position: 8px center;background-color: #fff;padding-left: 30px; color:#333}

.UpLink ul li .header-lan .header-lan-div a:hover:{background-color: #ddd;}

.UpLink ul li .header-lan:hover .header-lan-div{display: block;}

.homevideo{ height:750px;}
.enterprise{ float:right; position:relative}
.enterprise:hover .enterprisel {display:block}
.enterprisex{ font-size:16px; color:#003f7e; height:50px; line-height:50px;background: url(/newweb/images/compay.png) no-repeat left;background-size: 23px 23px; padding-left:30px; margin-left:15px;}
.enterprisel{ background-color:#fff; position:absolute; top:50px; right:0px; width:150px; padding-top:20px; padding-bottom:20px;display:none; z-index:999}
.enterprisel ul li a img{ height:30px; width:auto}
.enterprisel ul li{padding-left:50px}







.header-lan .form-control{

	height: 23px;

	padding: 0;

	padding-left: 10px;

	border-radius: 0;

	border-color:#dfdfdf;

	box-shadow: none!important;

}



.contact-form {position: absolute;background-color: #fff; border-radius: 5px;bottom: 70px; width: 365px; right: 0%;  border: 1px solid #ddd; text-align: left;display: none; color: #333;

}

.contact_a { position: fixed;right: 25px;bottom:85px;width: 170px; border-radius: 20px;background-color: #003f7d;z-index: 1005;text-align: center; border:1px solid #fff; height:52px;}

.contact_a .show_form{height: 50px;line-height: 50px; color: #fff;font-size: 16px;font-weight: bold;}

.contact-form .conttop{ background-color:#003f7d; height:60px; width:100%; color:#fff; padding-left:30px; line-height:60px;padding-right:30px;}

.conttop .close{ float:right; font-size:1.5rem}

.contact-form .imgste{ padding:10px;}

.contact-form .imgste img{  width:100%; height:auto}

.contact-form .messtk{ padding:10px; line-height:24px;}

.contact-form form{ padding:10px;}

.contact-form ul li{ padding-bottom:10px;}

.contact-form ul li .input{ border:1px solid #d4d4d4; line-height:35px; width:96%; padding-left:2%; padding-right:2%;}

.contact-form ul li .code2{ margin: 0 10px; padding: 3px;text-align: center;color: black;border:1px solid #d4d4d4;}

.contact-form .footbut{background-color: #003f7d; padding:10px 20px 10px 20px; color:#fff;}

.contact-form ul li.butP{ padding-top:20px; padding-bottom:25px;}

.banner img{width:100%}









.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}

.pagination > li {

  display: inline;

}

.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #003f7d;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

  margin-left: 0;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  z-index: 2;

  color: #003f7d;

  background-color: #eee;

  border-color: #ddd;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 3;

  color: #fff;

  cursor: default;

  background-color: #003f7d;

  border-color: #003f7d;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

}

.pagination-lg > li > a,

.pagination-lg > li > span {

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

}

.pagination-lg > li:first-child > a,

.pagination-lg > li:first-child > span {

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}

.pagination-lg > li:last-child > a,

.pagination-lg > li:last-child > span {

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}

.pagination-sm > li > a,

.pagination-sm > li > span {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

}

.pagination-sm > li:first-child > a,

.pagination-sm > li:first-child > span {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}

.pagination-sm > li:last-child > a,

.pagination-sm > li:last-child > span {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}

.pager {

  padding-left: 0;

  margin: 20px 0;

  text-align: center;

  list-style: none;

}

.pager li {

  display: inline;

}

.pager li > a,

.pager li > span {

  display: inline-block;

  padding: 5px 14px;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 15px;

}

.pager li > a:hover,

.pager li > a:focus {

  text-decoration: none;

  background-color: #eee;

}

.pager .next > a,

.pager .next > span {

  float: right;

}

.pager .previous > a,

.pager .previous > span {

  float: left;

}

.pager .disabled > a,

.pager .disabled > a:hover,

.pager .disabled > a:focus,

.pager .disabled > span {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

}

  　.swiper-button-next.active.focus,

　　.swiper-button-next.active:focus,.swiper-button-next.focus,

　　.swiper-button-next:active.focus,.swiper-button-next:active:focus,

　　.swiper-button-next:focus{ outline:none; }

　　.swiper-button-next{



    border: none!important;

　　}



@media (min-width:1920) and (max-width:2500px ) {

 .indexContainer .layer2 ul li{ width: 20%; float: left; overflow: hidden;}

  .indexContainer .layer2 ul li .box .text {bottom: -65px;}

   .homevideo{ height:1200px;}

 

}



@media (max-width:1680px ) {

    .top .topBox{ width: 1400px; margin: 0 auto;}

    .top .topBox .nr .nav{ }

    .w1600 {width: 1400px;margin: 0 auto;}

  

    .indexContainer .layer1 .layer1Box ul li .icon{ background: #fff; position: relative; height: 200px;}



    

   

    .homevideo{ height:800px;}

    .top .topBox .nr .nav ul li .nrBox .main{  width: 1400px; }

}



@media (max-width:1440px ) {

    .top .topBox{ width: 1240px; margin: 0 auto; }

    .top .topBox .nr .nav{ width: calc(78% - 280px); }

    .w1600 {width: 1240px;margin: 0 auto;}

   .logo_pc svg{width:270px;}

    .top .topBox .nr .serach{  width: 200px;}

    .top .topBox .nr .nav ul li{margin:0px;}

    .top .topBox .nr .nav ul li .enter{ padding:0px 15px 0px 15px; font-size:18px}

     .homevideo{ height:700px;}
     .top .topBox .nr .nav ul li .nrBox{top:92px}

      .top .topBox .nr .nav ul li .nrBox .main{  width: 1140px; }
      #products .main div h3{font-size:16px;}
      #products .main div dl dd{font-size:14px;}
      #solu2 .solu dl dd h3{ font-size:14px;}
      #solu1 .solu dl dd h3{font-size:14px;}
      #solu3 .solu dl dd h3{font-size:14px}
      .searchbody{width:180px}

}







@media (max-width:1000px ) {

	.w1600{ width: 100%;}
     .top .topBox{width:100%}
	.contact_a{display:none}

	 body{ padding-top: 60px;}

	 .top_height{display:none}
.top .topBox .nr .serach{width:180px}
	 .homevideo{height:300px;}
.top .topBox .nr .nav ul li .enter{font-size:14px;}
     .logo_pc a img{width:200px; height:auto}
	.case2List{ padding: 15px; box-sizing: border-box;}

	.case2List ul li{ width: 100%; height: auto; margin-bottom: 15px;}

	.AppTop{ display: block; position: fixed; left: 0; top: 0; z-index: 100; background: #003f7e; width: 100%; height: 60px; padding: 0 15px; box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,.1);}

	.AppTop .logo{ float: left; height: 60px; line-height: 60px;}

	.AppTop .logo img{ display: inline-block; height: 30%; width: auto; vertical-align: middle;}



	.PopLeft{ display: none;}

	.PopRight{ display: none;}

	.AppTop .sideClick{transition: 0.5s; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 28px; height: 24px;}

	.AppTop .sideClick span{transition: 0.5s; display: block; width: 100%; height: 3px; background: #fff; position: absolute;}

	.AppTop .sideClick span:nth-child(1){ left: 0; top: 0;}

	.AppTop .sideClick span:nth-child(2){ left: 0; top: 50%; transform: translateY(-50%);}

	.AppTop .sideClick span:nth-child(3){ left: 0; bottom: 0;}

	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(-180deg);}

	.AppTop .sideClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}

	.AppTop .sideClick.on span:nth-child(2){ width: 0;}

	.AppTop .sideClick.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}

	.sideBar{ z-index: 101; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; position: fixed; transition: 0.5s; width: 70%; left: -100%; height: 100vh; background: #444; top: 0; width:80%;}

	.sideBar .logo{ padding: 50px 0;}

	.sideBar .logo img{ display: block; width: 60%; height: auto; margin: 0 auto;} 

	.sideBar .nav{ width: 90%; margin: 0 auto;}

	.sideBar .nav ul li { line-height: 35px;}

	.sideBar .nav ul li a{ font-size: 14px; color: #333;}

	.sideBar .nav ul li a{ color: #fff;}

	#side_nav li ul{display:none}

	.indexContainer .tit{ padding: 20px 0; text-align: center; font-size: 18px;}

	.indexContainer .tit p{ font-size: 12px; padding: 10px 20px 0 20px;  line-height: 16px;}


	.footer .footerBox{ display: none;}

	.indexContainer .layer7{ padding: 20px 0;}

	.copyRight .copyRightBox{ width: 100%; height: auto; padding:0 ;}

	.navGation{ height: 40px; line-height: 40px;}

	.navGation ul li{ line-height: 40px; font-size: 12px;}

	.navGation ul li a{ font-size: 12px;}

	.copyRight{ padding: 20px 0; height: auto; line-height: 22px;}

	.copyRight .copyRightBox{ height: auto; line-height: 22px; padding: 0 15px; box-sizing: border-box; font-size: 14px;}

	.copyRight .copyRightBox img.logo{ position: relative; left: auto; top: auto; transform: none; margin: 0 auto 20px auto;}

	.copyRight .copyRightBox ul{ position: relative; left: auto; top: auto; transform: none; width: 100%; text-align: center;}

	.copyRight .copyRightBox ul li{ float: inherit; margin: 0 5px; display: inline-block;}

	.indexContainer .tit{ padding:30px 0; box-sizing: border-box; font-size: 18px;}

	.indexContainer .layer10{ padding-bottom: 20px;}

	.indexContainer .layer10Box .icon{ width: 100%; height: auto;}

	.indexContainer .layer10Box{ height: auto;}

	.indexContainer .layer10Box .icon img{ width: 100%; height: auto;}

	.indexContainer .layer10Box .text{ width: 100%; padding: 20px; box-sizing: border-box;}

	.indexContainer .layer10Box .text h2{ font-size: 18px;}

	.indexContainer .layer10Box .text p{padding-bottom: 10px; width: 100%; font-size: 12px; line-height: 24px; height: auto;}

	.indexContainer .layer10Box .text img{ width: 100%; height: auto;}

	.indexContainer .layer11Box .nr{ width: 100%; padding: 0;}

	.indexContainer .layer11Box .nr .bt{ width: 100%; text-align: center; height: auto; font-size: 18px; line-height: 50px;}

	.indexContainer .layer11Box .nr .main{ width: 100%; padding: 0 20px; box-sizing: border-box;}

	.indexContainer .layer11Box .nr .main ul li .tx h2{ font-size: 16px;}

	.indexContainer .layer11Box .nr .main ul li .tx p{ font-size: 12px; line-height: 22px;}

	.indexContainer .layer11Box .nr .main dl dd{ width: 100%; margin: 0 0 15px 0;}

	.indexContainer .layer11Box .nr .mianBox .tp{ width: 100%;}

	.indexContainer .layer11Box .nr .mianBox .tp img{ width: 100%; height: auto;}

	.indexContainer .layer11Box .nr .mianBox .tx{ width: 100%; height: auto; padding: 0;}

	.indexContainer .layer8 .bt{ text-align: center; font-size: 14px; text-align: center;}

	.indexContainer .layer8 ul{ width: 100%; padding: 0 10px; box-sizing: border-box;}

	.indexContainer .layer8 ul li{ width: 100%; margin: 0 0 15px 0; height: auto;}

	.indexContainer .layer8 ul li .icon{ width: 100%; }

	.indexContainer .layer8 ul li .icon img{ width:100%; height:auto}

	.indexContainer .layer8 ul li .text{ width: 100%; height: auto; padding:0 20px 20px 20px; box-sizing: border-box;}

	.indexContainer .layer8 ul li .text p{ height: auto; padding-bottom: 10px;}

	

	.indexContainer .layer2 ul li{ width: 100%;  overflow: hidden;}

	.indexContainer .layer2 ul li .box{ margin-bottom: 10px;}

	.indexContainer .layer2 ul li .big{ width: 100%;}

	.indexContainer .layer2 ul li .small{ width: 100%;}

	.indexContainer .layer2 ul li .box img{ width: 100%;}

	.indexContainer .layer6{ padding: 0 10px; box-sizing: border-box;}

	.indexContainer .layer6 ul li{ width: 100%; margin-bottom: 10px;}

	.indexContainer .layer7 .hd{ padding: 20px 0;}

	.indexContainer .layer7 .hd ul li{ width: 32%; font-size: 14px;}

	.indexContainer .layer9 .nr1 .icon{ width: 100%; height: 300px;}

	.indexContainer .layer9 .nr1 .icon img{ height: 60%; width: auto;}

	.indexContainer .layer9 .nr1{ height: auto;}

	.indexContainer .layer9 .nr1 .text{ width: 100%; padding: 20px;}

	.indexContainer .layer9 .nr1 .text h2{ font-size: 18px;}

	.indexContainer .layer9 .nr2 img{ height: 600px; width: auto;}

	.indexContainer .layer9 .nr2 .text{ padding: 0 20px; box-sizing: border-box;}

	



}